<!DOCTYPE html>
<html lang="en">
<head>
    <title id='Description'>jQWidgets User Interface for Angular, Vue.js, React, Web Components, ASP .NET, jQuery & Javascript</title>
		<meta name="description" content="The leading HTML5 UI Components Framework. Build responsive HTML5 and JavaScript Apps with jQuery, Angular 8, Vue.js, React. Run on any platform, device, or browser" /> 	
    <link rel="stylesheet" href="../../../jqwidgets/styles/jqx.base.css" type="text/css" />
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />
    <meta name="viewport" content="width=device-width, initial-scale=1 maximum-scale=1 minimum-scale=1" />	
	<style>
		body {
			font-family: "Roboto", "Helvetica Neue", Helvetica, Arial, sans-serif;
			font-size: 14px;
			color: #333;
		}
	</style>
</head>
<body>
	<h1>jQWidgets Installation through NPM:</h1>
	<div>
		The jQWidgets framework is available as NPM package:<br/>

		jQuery, Javascript, Angular, Vue, React, Web Components:<br/>
	<br/>
	<ul>
		<li><a href="https://www.npmjs.com/package/jqwidgets-scripts" target="_blank">https://www.npmjs.com/package/jqwidgets-scripts</a> - source files.</li>
		<li><a href="https://www.npmjs.com/package/jqwidgets-framework" target="_blank">https://www.npmjs.com/package/jqwidgets-framework</a> - source files, demos, docs, images.</li> 
	</ul>
		Additional packages:
	<ul>
		<li><a href="https://www.npmjs.com/package/create-jqwidgets-angular-app" target="_blank">https://www.npmjs.com/package/create-jqwidgets-angular-app</a> - Angular Quick start app</li>
		<li><a href="https://www.npmjs.com/package/create-jqwidgets-vue-app" target="_blank">https://www.npmjs.com/package/create-jqwidgets-vue-app</a> - Vue Quick start app</li>
		<li><a href="https://www.npmjs.com/package/create-jqwidgets-react-tsx-app" target="_blank">https://www.npmjs.com/package/create-jqwidgets-react-tsx-app</a> - React Quick start app</li>
		<li><a href="https://www.npmjs.com/package/jqwidgets-ng" target="_blank">https://www.npmjs.com/package/jqwidgets-ng</a> - Angular Modules</li>
	</ul>	
	</div>
	<h2>License & Purchase</h2>
	   <p>e-mail: <a href="mailto: sales@jqwidgets.com">sales@jqwidgets.com</a></p><p>Phone: +359 88-2223800</p>
	   <p>Get a license: <a target="_blank" href="https://www.jqwidgets.com/">https://www.jqwidgets.com/license</a></p>

	<h2>1. The SDK files are located in the jqwidgets directory</h2>
	 <br/>
	 In general you need to use files from this directory only.
<br/>
	 <h3>Files list & description:</h3>
	  Files required in all projects using the SDK:
<br/><br/>
	  jqxcore.js: Core jQWidgets framework
<br/><br/>
	  Stylesheet files. Include at least one stylesheet Theme file and the images folder:
<br/><br/>
<ul>
	  <li>styles/jqx.base.css: Stylesheet for the base Theme. The jqx.base.css file should be always included in your project.  </li>
	  <li>styles/jqx.material.css: Stylesheet for the Material Theme</li>
	  <li>styles/jqx.material-purple.css: Stylesheet for the Material Purple Theme</li>
	  <li>styles/jqx.material-green.css: Stylesheet for the Material Green Theme</li>
	  <li>styles/jqx.android.css: Stylesheet for the Android Theme</li>
	  <li>styles/jqx.arctic.css: Stylesheet for the Arctic Theme</li>
	  <li>styles/jqx.web.css: Stylesheet for the Web Theme</li>
	  <li>styles/jqx.black.css: Stylesheet for the Black Theme</li>
	  <li>styles/jqx.blackberry.css: Stylesheet for the Blackberry Theme</li>
	  <li>styles/jqx.bootstrap.css: Stylesheet for the Bootstrap Theme</li>
	  <li>styles/jqx.classic.css: Stylesheet for the Classic Theme</li>
	  <li>styles/jqx.dark.css: Stylesheet for the Dark Theme</li>
	  <li>styles/jqx.darkblue.css: Stylesheet for the DarkBlue Theme</li>
	  <li>styles/jqx.energyblue.css: Stylesheet for the EnergyBlue Theme</li>
	  <li>styles/jqx.fresh.css: Stylesheet for the Fresh Theme</li>
	  <li>styles/jqx.highcontrast.css: Stylesheet for the High Contrast Theme</li>
	  <li>styles/jqx.light.css: Stylesheet for the Light Theme</li>
	  <li>styles/jqx.flat.css: Stylesheet for the Flat Theme</li>
	  <li>styles/jqx.metro.css: Stylesheet for the Metro Theme</li>
	  <li>styles/jqx.metrodark.css: Stylesheet for the Metro Dark Theme</li>
	  <li>styles/jqx.mobile.css: Stylesheet for the Mobile Theme</li>
	  <li>styles/jqx.office.css: Stylesheet for the Office Theme</li>
	  <li>styles/jqx.orange.css: Stylesheet for the Orange Theme</li>
	  <li>styles/jqx.shinyblack.css: Stylesheet for the ShinyBlack Theme</li>
	  <li>styles/jqx.summer.css: Stylesheet for the Summer Theme</li>
	  <li>styles/jqx.windowsphone.css: Stylesheet for the Windows Phone Theme</li>
	  <li>styles/jqx.ui-darkness.css: Stylesheet for the UI Darkness Theme</li>
	  <li>styles/jqx.ui-lightness.css: Stylesheet for the UI Lightness Theme</li>
	  <li>styles/jqx.ui-le-frog.css: Stylesheet for the UI Le Frog Theme</li>
	  <li>styles/jqx.ui-overcast.css: Stylesheet for the UI Overcast Theme</li>
	  <li>styles/jqx.ui-redmond.css: Stylesheet for the UI Redmond Theme</li>
	  <li>styles/jqx.ui-smoothness.css: Stylesheet for the UI Smoothness Theme</li>
	  <li>styles/jqx.ui-start.css: Stylesheet for the UI Start Theme</li>
	  <li>styles/jqx.ui-sunny.css: Stylesheet for the UI Sunny Theme</li>
</ul>
<ul>
<li>jqwidgets - Javascript components</li>
<li>jqwidgets-vue - Vue components</li>
<li>jqwidgets-react-tsx - React components.</li>
<li>jqwidgets-ts - Angular components.</li>
<li>jqwidgets-ng - Angular components as modules. In this folder, you will be able to build and modify the Angular modules. For usage with Angular, you can also use: <a href="https://www.npmjs.com/package/jqwidgets-ng" target="_blank">https://www.npmjs.com/package/jqwidgets-ng</a>
</ul>
<br/><br/>
	  styles/images: contains images referenced in the stylesheet files
	 <br/><br/> 
	  Files for individual widgets and plug-ins. Include depending on project needs:
	<ul>
	  <li>jqxangular.js: AngularJS integration plug-in</li>
	  <li>jqxbargauge.js: BarGauge widget</li>
	  <li>jqxbuttons.js: Button, RepeatButton, SubmitButton & ToggleButton widgets</li>
	  <li>jqxbulletchart.js: BulletChart widget</li>
	  <li>jqxbuttongroup.js: Button group widget</li>
	  <li>jqxcalendar.js: Calendar widget</li>
	  <li>jqxcombobox.js: ComboBox widget</li>
	  <li>jqxcomplexinput.js: Complex Numbers TextBox widget</li>
	  <li>jqxchart.core.js: Chart widget's Core</li>
	  <li>jqxchart.rangeselector.js: Chart Range Selector</li>
	  <li>jqxchart.api.js: Chart API</li>
	  <li>jqxchart.annotations.js: Chart's annotations</li>
	  <li>jqxchart.waterfall.js: Waterfall Chart</li>
	  <li>jqxcheckbox.js: CheckBox widget</li>
	  <li>jqxdate.js: DateTime plug-in</li>
	  <li>jqxdata.js: Data Source plug-in</li>
	  <li>jqxdata.export.js: Data Export plug-in</li>
	  <li>jqxdatetimeinput.js: DateTimeInput widget</li>
	  <li>jqxcolorpicker.js: Color Picker widget</li>
	  <li>jqxdatatable.js: DataTable widget</li>
	  <li>jqxdocking.js: Docking widget</li>
	  <li>jqxdropdownbutton.js: DropDown Button widget</li>
	  <li>jqxdragdrop.js: DragDrop plug-in</li>
	  <li>jqxdraw.js: Draw Plugin.</li>
	  <li>jqxdockpanel.js: DockPanel widget</li>
	  <li>jqxdockinglayout.js: Docking Layout widget</li>
	  <li>jqxdropdownlist.js: DropDownList widget</li>
	  <li>jqxeditor.js: Editor widget</li>
	  <li>jqxexpander.js: Expander widget</li>
	  <li>jqxfileupload.js: FileUpload widget</li>
	  <li>jqxformattedinput.js: Binary, Octal, Hex TextBox widget</li>
	  <li>jqxform.js: Form widget.</li>
	  <li>jqxgrid.js: Grid widget</li>
	  <li>jqxgrid.sort.js: Grid Sort plug-in</li>
	  <li>jqxgrid.filter.js: Grid Filter plug-in</li>
	  <li>jqxgrid.grouping.js: Grid Grouping plug-in</li>
	  <li>jqxgrid.selection.js: Grid Selection plug-in</li>
	  <li>jqxgrid.columnsresize.js: Grid Columns Resize plug-in</li>
	  <li>jqxgrid.columnsreorder.js: Grid Columns Reorder plug-in</li>
	  <li>jqxgrid.pager.js: Grid Pager plug-in</li>
	  <li>jqxgrid.edit.js: Grid Editing plug-in</li>
	  <li>jqxgrid.storage.js: Grid Save/Load state plug-in</li>
	  <li>jqxgrid.aggregates.js: Grid Aggregates plug-in</li>
	  <li>jqxgauge.js: Radial and Linear Gauge widget</li>
	  <li>jqxheatmap.js: Heatmap widget</li> 
	  <li>jqxinput.js: TextBox widget</li>
	  <li>jqxknockout.js: Knockout integration plug-in</li>
	  <li>jqxknob.js: Knob widget</li>
	  <li>jqxkanban.js: Kanban widget</li>
	  <li>jqxlayout.js: Layout widget</li>
	  <li>jqxlistbox.js: ListBox widget</li>
	  <li>jqxloader.js: Loader widget</li>
	  <li>jqxmaskedinput.js: Masked TextBox widget</li>
	  <li>jqxmenu.js: Menu widget</li>
	  <li>jqxnavigationbar.js: NavigationBar widget</li>
	  <li>jqxnavbar.js: NavBar widget</li>
	  <li>jqxnotification.js: Notification widget</li>
	  <li>jqxnumberinput.js: NumberInput TextBox widget</li>
	  <li>jqxpanel.js: Panel widget</li>
	  <li>jqxpopover.js: Popover widget</li>
	  <li>jqxprogressbar.js: ProgressBar widget</li>
	  <li>jqxpasswordinput.js: Password input widget</li>
	  <li>jqxpivotgrid.js: Pivot Grid widget.</li>
	  <li>jqxrating.js: Rating widget</li>
	  <li>jqxradiobutton.js: RadioButton widget</li>
	  <li>jqxrangeselector.js: RangeSelector widget</li>
	  <li>jqxresponse.js: Response plug-in</li>
	  <li>jqxribbon.js: Ribbon widget</li>
	  <li>jqxresponsivepanel.js: Responsive Panel widget</li>
	  <li>jqxswitchbutton.js: Switch Button widget</li>
	  <li>jqxscrollbar.js: ScrollBar widget</li>
	  <li>jqxscrollview.js: ScrollView widget</li>
	  <li>jqxsplitter.js: Splitter widget</li>
	  <li>jqxslider.js: Slider widget</li>
	  <li>jqxscheduler.js: Scheduler widget</li>
	  <li>jqxscheduler.api.js: Scheduler API plugin</li>
	  <li>jqxsortable.js: Sortable plugin</li>
	  <li>jqxtabs.js: Tabs widget</li>
	  <li>jqxtree.js: Tree widget</li>
	  <li>jqxtagcloud.js: Tagcloud widget</li>
	  <li>jqxtreemap.js: TreeMap widget</li>
	  <li>jqxtimepicker.js: TimePicker widget</li>
	  <li>jqxtreegrid.js: TreeGrid widget</li>
	  <li>jqxtoolbar.js: Toolbar widget</li>
	  <li>jqxtooltip.js: ToolTip widget</li>
	  <li>jqxvalidator.js: Validation plug-in</li>
	  <li>jqxwindow.js: Window widget</li>
	  <li>jqx-all.js</li>
	</ul>
	<h2>2.Examples</h2>
	<ul>
	  <li>Individual widget/component examples are located in the <strong>/demos</strong> directory</li>
	  <li>The Javascript examples are located in the <strong>/demos/Javascript & JQuery/</strong> directory</li>
	  <li>The mobile examples are located in the <strong>/demos/Javascript & JQuery/mobiledemos/</strong> directory</li>
	  <li>The php & mysql integration demos are located in the <strong>/demos/PHP directory/</strong>.
	  All php integration samples use and require the Northwind Database(/phpdemos/Northwind.MySQL5.sql).  </li>
	  <li>Angular examples are located in the <strong>/demos/Angular directory/</strong>.</li>
	  <li>Vue examples are located in the <strong>/demos/Vue.js/</strong> directory.</li>
	  <li>React examples are location in the <strong>/demos/React/</strong> directory.</li>
	  <li>ASP .NET examples are located in the <strong>/demos/ASP.NET MVC/ and /demos/ASP.NET Tag Helpers/</strong> directories.</li>
	  <li>JSP examples are in <strong>/demos/JSP directory/</strong>.</li>
	  <li>Custom Elements/Web Components are in <strong>/demos/Web Components directory/</strong>.</li>
      <li>Stackblitz and Codesandbox Quick Start examples - <a target="_blank" href="https://stackblitz.com/github/jqwidgets/angular_demos/tree/master/grid/defaultfunctionality/">Angular</a>,
	  <a target="_blank" href="https://codesandbox.io/s/github/jqwidgets/vue/tree/master/grid/defaultfunctionality">Vue</a>,
	  <a target="_blank" href="https://codesandbox.io/s/github/jqwidgets/react-tsx/tree/master/grid/defaultfunctionality">React</a>
	  </li>
	</ul>
	
	<p>Any examples that use Ajax need to be on a Web Server/LocalHost in order to work correctly.</p>
	<h2>3.Documentation</h2>
	  Browse the documentation and examples online on our website: <a href="https://www.jqwidgets.com/">https://www.jqwidgets.com/</a> 
	<h2>4.Other files</h2>
	  The /scripts, /images, /styles folders contain the jquery library and
	  other files used by the demo only.
	 <h2>5.Support</h2>
	 <p>
	    <p>e-mail: <a href="mailto: support@jqwidgets.com">support@jqwidgets.com</a></p>
	   <p>forums: <a target="_blank" href="https://www.jqwidgets.com/community">https://www.jqwidgets.com/community/</a></p>
	 </p>
	 <h2>6. Other products</h2>
	 ES6 Web Components & Custom Elements: <a target="_blank" alt="https://www.htmlelements.com/" href="https://www.htmlelements.com/">https://www.htmlelements.com/</a> 
	<div style="position: absolute; top: 5px; right: 5px;">
	<a href="https://www.jqwidgets.com/" alt="https://www.jqwidgets.com/"><img alt="https://www.jqwidgets.com/" target="_blank" title="https://www.jqwidgets.com/" src="https://www.jqwidgets.com/wp-content/design/i/logo-jqwidgets.png"/></a>
	</div>
</body>
</html>
